<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<title>用户登陆</title>
<style>
	.container {
		margin: 200px auto;
		width: 300px;
		border: 1px solid #ddd;
		padding: 20px ;
	}
	h1 {
		text-align: center;
		padding: 10px 0;
		margin-bottom: 20px;
		line-height: 20px;
		font-size: 20px;
		font-weight: 700;
		color: #336699;
	}
	p {
		margin-bottom: 20px;
	}
	input[type="text"],
	input[type="password"] {
		height: 40px;
		line-height: 40px;
		font-size: 16px;
		border: 1px solid #ddd;
		padding: 0 6px;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	button {
		width: 120px;
		height: 36px;
		line-height: 18px;
		text-align: center;
		border: 1px solid #336699;
		background-color: #336699;
		color: #fff;
		cursor: pointer;
	}
</style>
</head>
<body>
	<div class="container">
		<h1>--学生成绩管理系统--</h1>
		<form action="__SELF__" method="POST">
			<p>
				<input type="radio" name="role_id" id="" value="2" checked>学生
				&emsp;
				<input type="radio" name="role_id" id="" value="1">教师
			</p>
			<p><input type="text" name="name" placeHolder="账号/学号" required></p>
			<p><input type="password" name="password" placeHolder="密码" required></p>
			<p>
				<button type="submit">登陆</button>
			</p>
		</form>
	</div>
</body>
</html>